<template>
    <div class="all">
        <div style="margin-left: 10px;">
            <i class="el-icon-s-management"></i><span> 成绩查询</span>
        </div>
        <el-card>
            <el-table :data="tableData" style="width: 100%" v-loading="loading">
                <el-table-column prop="studentCourseId" label="选课Id">
                </el-table-column>
                <el-table-column prop="courseName" label="课程名">
                </el-table-column>
                <el-table-column prop="teacherName" label="教师">
                </el-table-column>
                <el-table-column prop="credit" label="学分" >
                </el-table-column>
                 <el-table-column prop="dailyScore" label="日常成绩">
                </el-table-column>
                <el-table-column prop="examScore" label="考试成绩" >
                </el-table-column>
                <el-table-column prop="score" label="总成绩">
                </el-table-column>
               
            </el-table>
        </el-card>
    </div>
</template>

<script>
import { studentcourse1 } from '@/api/student/courseSelect'
export default {
    data() {
        return {
            // 数据表格
            tableData: [],
            loading:false,
        }
    },
    methods: {
        // 列表
        getlist() {
            this.loading=true
            studentcourse1().then(res => {
                // console.log(res);
                this.loading=false
                if (res.code === 0) {
                    this.tableData = res.data
                }
            })
        },
       
    },
    mounted() {
        this.getlist()
    }
}
</script>

<style lang="scss" scoped>
.all {
    background-color: #ccc;
    height: 100%;
    width: 100%;

    .el-card {

        width: 98%;
        margin: 5px auto 0;

        .header {
            display: flex;
            justify-content: space-between;
        }
    }
}
</style>